<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <base href="/">
    <title><%= title %></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" />
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css" />
    <link rel='stylesheet' href="//cdn.bootcss.com/animate.css/3.3.0/animate.min.css" />
    <style>body,html{height:100%}body{font-size:14px;line-height:1.42857143;color:#333;font-family:"Helvetica Neue",Helvetica,Hiragino Sans GB,Open Sans,Microsoft Yahei,Arial;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0}a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,small{font-family:inherit;font-weight:200}.bps_title p{font-size:16px;line-height:36px;padding:0 15px}.bps_title{color:#666;text-align:center}.bps_title h1{color:#444}.bps_header{position:fixed;top:0;left:0;z-index:99;width:100%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out;padding:36px 0 14px;background-color:rgba(0,0,0,.5)}.bps_header .logo{position:fixed;left:20px;top:15px}.bps_header .logo img{width:200px;height:auto;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out}.bps_header .menu{text-align:center}.bps_header .menu_inner li{display:inline;padding:21px 5px}.bps_header .menu_inner li a{color:#fff;font-size:18px;margin:0 10px;padding:21px 0}.bps_header .bdr_social a:hover,.bps_header .menu_inner li.current a,.bps_header .menu_inner li:hover a{color:#f5f06e}.bps_header.bdr_fixed .menu li a{font-size:16px}.bps_header.bps_fixed{background:rgba(32,178,170,.8);padding:18px 0}.bps_header.bps_fixed .logo{top:-2px}.bps_header.bps_fixed .logo img{width:140px}.bps_header .bps_icon_menu{position:fixed;right:20px;top:17px;display:none;height:40px;width:40px;cursor:pointer;background:rgba(0,0,0,.5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out}.bps_header .bps_icon_menu span{position:relative;top:19px;height:2px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#fff;width:24px;display:block;left:7px}.bps_header .bps_icon_menu span:after{position:absolute;content:"";width:24px;height:2px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#fff;top:10px;left:0}.bps_header .bps_icon_menu span:before{position:absolute;content:"";width:24px;height:2px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#fff;top:-10px;left:0}.bps_header .bps_icon_menu_x{position:fixed;right:-40px;z-index:99;top:-1px;height:40px;width:40px;cursor:pointer;background:#000;border:1px solid #fff;border-right:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out}.bps_header .bps_icon_menu_x span{position:relative;height:2px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#fff;width:30px;display:block;left:5px;top:19px;transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.bps_header .bps_icon_menu_x span:after{position:absolute;content:"";width:30px;height:2px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#fff;top:0;left:0;transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg)}.bps_body:after{clear:both;content:"";display:block}.bps_hello{position:relative;text-align:center;left:50%;top:50%;z-index:9;color:#fff;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%)}.bps_hello .bgm_link .fa{color:#888}.bps_hello .bgm_link a{font-size:16px;color:#999}.bps_hello .wel_title{margin:0 auto 40px}.bps_hello h3{margin-bottom:60px;color:#d0d0d0;font-size:18px}.overlay{background-color:rgba(0,0,0,.1);height:100%}.bps_bg_shop{background:#444 url(http://assets.bigpixel.cn/uploads/2015/01/1149rloyp7.jpg) center center;-webkit-background-size:cover;background-size:cover}.page_header{height:350px;overflow:hidden}.page_header h2{font-size:16px;line-height:36px;color:#e0e0e0;margin-bottom:20px}.page_header h1{font-size:46px;color:#fff;padding-top:40px;margin:0 0 20px}.home .portfolio{overflow:hidden;background:#fafafa;padding:12px 0 50px}.home .portfolio .caption h3{margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home .portfolio .caption p{color:#656565;line-height:24px}.home .portfolio .thumbnail{border:0;position:relative;margin:20px 0;padding:0}.home .portfolio .btn{border-radius:0;border:0;padding:10px 50px}#ourpartner{padding:30px 0}#ourpartner .row.partner{background:none repeat scroll 0 0 #C7C9C8;border-radius:0;margin:0;border-right:1px solid #C7C9C8}#ourpartner .panel{float:left;width:100%;height:auto;padding-bottom:100%;margin:0;position:relative;font-size:.8em;perspective:600px}#ourpartner .partner .col-md-2{padding:0;border-top:1px solid #C7C9C8;border-left:1px solid #C7C9C8;overflow:hidden}#ourpartner .divborder{border-right:#d1d5da 1px solid;border-left:#d1d5da 1px solid;border-top:#d1d5da 1px solid;border-bottom:#d1d5da 1px solid;border-radius:4px;background-color:#fff;overflow:hidden}#ourpartner .panel .front{float:none;position:absolute;top:0;left:0;padding:0;z-index:9;width:inherit;height:100%;background:none repeat scroll 0 0 #FFF;text-align:center;transform:rotateX(0) rotateY(0);backface-visibility:hidden;transition:all .4s ease-in-out 0s;transform-style:flat}#ourpartner .panel .front .pad{width:100%;height:auto}#ourpartner .panel.cl-tu .front{background:url(http://chingkun.chinacloudsites.cn/images/avatar-placeholder.png) no-repeat scroll 0 0/100% 100% #EEF3F7;border-width:3px;border-style:dashed dashed solid;border-color:#C3D6E4;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;height:100%}#ourpartner .panel.cl-tu p{font-size:14px;padding:0 10px}#ourpartner .panel.cl-tu p{font-size:16px}.portfolio .list{padding:50px 0}.portfolio .list .item-warpper{display:block;padding:0;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.portfolio .list .item-warpper>div{padding-left:0;padding-right:0}.portfolio .list .thumb{position:relative;display:table;width:100%;height:100%;text-align:center;background:#222 no-repeat center center;background-size:cover;overflow:hidden;height:200px}.portfolio .list .iteminfo{padding-left:15px;padding-right:15px}.about .wrapper{padding:80px 0 20px}.about .addr{padding-top:50px}.about #dituContent{height:480px;border:#ccc solid 1px;width:100%}#footer{border-top:1px solid #e5e5e5;color:#777;margin-top:30px;padding:15px 0}#footer a{color:#777}#footer a:hover{text-decoration:underline}#footer .social{text-align:right}#footer .social a{color:#777;font-size:16px;margin:0 0 0 10px}@media (min-width:1200px){.bps_header .logo{left:50px}}@media only screen and (max-width:768px){.bps_title p{text-align:left}.bps_hello .wel_title,.bps_hello h3{margin-bottom:30px}.bps_feature .container h1{text-align:center;font-size:28px}.bps_feature .container p{padding:0 15px}.viper_pic{background-position:center center!important;background-attachment:scroll}}@media (max-width:640px){.bps_header{padding:25px 0!important}.bps_header .logo img{width:100px!important}.bps_header .logo{top:10px!important}.bps_header.bps_fixed{padding:12px 0!important}.bps_header .bps_icon_menu{top:10px}.bps_header.bps_fixed .bps_icon_menu,.bps_header.bps_fixed .bps_icon_menu_x{top:4px!important}}@media (max-width:768px){.bps_header.bps_fixed{padding:18px 0}.bps_header{padding:30px 0}.bps_header .logo img{width:180px}.bps_header .bps_icon_menu{right:10px}.bps_header.bps_fixed .logo{top:6px!important}.bps_fixedsc{-webkit-background-size:auto!important;background-size:auto!important;background-position:center center}}@media only screen and (max-width:992px){.bps_header{text-align:center;padding:36px 0 38px}.bps_header .logo{left:10px;top:10px}.bps_header.bps_fixed .logo{top:5px}.bps_header.bps_fixed .logo img{width:140px;height:45px}.bps_header.bps_fixed .bps_icon_menu{top:12px;right:10px;background:0;border-color:transparent}.bps_header.bps_fixed .bps_icon_menu_x{top:10px;border-right:0}.bps_header .menu{position:fixed;top:0;right:-200px;background:#000;width:200px;height:100%;overflow:auto;border-left:1px solid #fff;z-index:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out;padding:10px}.bps_header .menu li{display:block;padding:0}.bps_header .menu li a{display:block;text-align:left;padding:10px 0}.bps_header .bps_icon_menu{display:block}.bps_header.active .menu{right:0}.bps_header.active .bps_icon_menu_x{display:block;right:199px}.bps_header.active .bps_icon_menu{display:none}}@media (min-width:992px) and (max-width:1200px){.bps_header{padding:30px 0 14px}.bps_header .logo img{width:150px;height:49px}}</style>

    <script type="text/javascript" defer src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body class="portfolio" ng-app>
<header class="bps_header">
    <div class="container">
        <div class="logo">
            <a href="/"><img src="http://cdn.bigpixel.cn/www/0722/logo.png" alt="大像素|景坤视觉"></a>
        </div>
        <div class="bps_icon_menu">
            <span></span>
        </div>
        <div class="bps_icon_menu_x">
            <span></span>
        </div>
        <nav class="menu">
            <ul class="menu_inner">
                <li><a href="/">主页</a></li>
                <li class="current"><a href="/portfolio">作品</a></li>
                <li><a href="/about">关于</a></li>
            </ul>
        </nav>
    </div>
</header>
<section class="bps_body">
    <section class="page_header bps_fixedsc bps_bg_shop">
        <div class="overlay">
            <div class="bps_hello">
                <h1>作品集</h1>
            </div>
        </div>
    </section>

    <section class="list" >
        <div class="bps_title" >
            <h1>“大”不同</h1>
            <p>超越人类视觉极限的细节艺术</p>
        </div>
        <div class="container" ng-controller="PortfolioController">
            <% for(var i=0; i<body.length;i++){%>
            <div class="row item-warpper">
                <div class="col-md-7" >
                    <a target="_blank" href="<%= body[i].panoid %>">
                        <div class="thumb" style="background-image: url(<%= body[i].thumbPath %>)"></div>
                    </a>
                </div>
                <div class="col-md-5" >
                    <div class="iteminfo">
                        <a target="_blank" href="<%= body[i].panoid %>"><h3><%= body[i].title %></h3></a>
                        <p><%= body[i].description %></p>
                    </div>
                </div>
            </div>
            <%}%>
        </div>
    </section>
</section>

<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-7">
                <p>&copy; 2015 <a href="http://www.chingkun.com" title="景坤科技">上海景坤计算机科技有限公司.</a> </p>
            </div>
            <div class="col-sm-5 social">
                <a href="http://3165544987.qzone.qq.com">
                    <i class="fa fa-qq"></i>
                </a>
                <a href="#"><i class="fa fa-weibo"></i></a>
                <a href="#"><i class="fa fa-weixin"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-facebook"></i></a>
            </div>
        </div>
    </div>
</footer>


<script type="text/javascript" src="http://cdn.bigpixel.cn/libs/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://cdn.bigpixel.cn/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<script type="text/javascript" src="/scripts/bigpixel.base.js"></script>
<script type="text/javascript" src="/scripts/bigpixel.pano.js"></script>
<script>

    var pano = $.bigpixel.Pano();

    setTimeout("$.bigpixel.Pano();alert('abc')",5000)


    //var pano = new Pano();
    //pano.InitPanoView();
</script>


<!-- 谷歌、百度统计代码 -->
<script>


    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-56983622-1');
    ga('send', 'pageview');
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?00e4d98773c02201bbd493815c0cb964";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script>
    var socialinfo = {
        title:'景坤视觉',
        desc:'是中国唯一一家专业从事超百亿像素影像创作的新文化传播公司，其每一个作品都获得了数百万的网民关注。',
        link:window.location.href.replace(window.location.hash, ''),
        imgUrl:'http://www.bigpixel.cn/images/logo@292x292.jpg'
    };
    $.getJSON('http://srv.bigpixel.cn/api/weixin/getsignature?url=' + encodeURIComponent(socialinfo.link)).done(function(data) {
        wx.config({
            debug: false,
            appId: data.appId,
            timestamp: data.timestamp,
            nonceStr: data.nonceStr,
            signature: data.signature,
            jsApiList: ['onMenuShareTimeline','onMenuShareQQ','onMenuShareAppMessage','onMenuShareWeibo']
        });
    });
    wx.ready(function(){
        wx.onMenuShareTimeline(socialinfo);
        wx.onMenuShareAppMessage(socialinfo);
        wx.onMenuShareQQ(socialinfo);
        wx.onMenuShareWeibo(socialinfo);
    });
</script>


</body>
</html>